<?php session_start() ?>
<!DOCTYPE html>
<head>
	<title>Home</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<style>
video {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}
    </style>

</head>
<body>



<?php require 'header.php' ;
require 'create_db.php';
require 'connect.php';
?>

<video src="video/Clay.mp4" autoplay loop playsinline muted></video>

<script>
    document.querySelector('video').playbackRate = 2.0;
</script>

<section id="homepage-sec">
    <div class="homepage-wrapper">
        <div class="column-wrap-home">
            <a href="login.php">
                <div class="home-column column one-third">
                    <div class="col-group home-top-col">
                        <h2 class="home-heading">Login</h2>
                    </div>
                </div>
            </a>
            <a href="register.php">
                <div class="home-column column one-third">
                    <div class="col-group home-top-col">
                        <h2 class="home-heading">Register</h2>
                    </div>
                </div>
            </a>
            <a href="contact-us.php">
                <div class="home-column column one-third">
                    <div class="col-group home-top-col">
                        <h2 class="home-heading">Contact Us</h2>
                    </div>
                </div>
            </a>
        </div>
        <div class="bottom-section">
            <div id="feat-col-wrapper">
                <div id="feat-col">
                    <h2 id="home-heading-feaured"> Featured Houses (We need to sell them somehow, aye)</h2>
                </div>
            </div>
            <div id="house-list-wrapper">
                <div id="house-list"><?php require 'house-list.php' ?></div>
            </div>
        </div>  
    </div>
</section>

</body>